<template>
	<div>
		<h1>注册</h1>
		<input type="text" v-model="user.name" placeholder="用户名:"> <br>
		<input type="password" v-model="user.password" placeholder="密码:"> <br>
		<button @click="reg()">注册</button>
	</div>
</template>

<script>
	// 导入axios
	import axios from 'axios';
	export default {
		data() {
			return {
				user: {
					name: "",
					password: ""
				},
			}
		},
		methods: {
			reg() {
				// 需要发起ajax，先导入axios
				axios.post("http://dida100.com:8888/api/register", this.user)
					.then(res => {
						if (res.data.code === 0) {
							alert("注册成功");
							// 跳转到登录页面
							this.$router.push("/login");
						} else {
							alert(res.data.msg || "注册失败");
						}
					})
					.catch(err => {
						console.error(err)
					})
			}
		}
	}
</script>

<style>
</style>
